<extend name="./Application/Home/View/Layout/application.html"/>
<block name="css">
    <link rel="stylesheet" href="__PUBLIC__/assets/home/vendors/mobiscroll-master/css/mobiscroll.frame.css">
    <link rel="stylesheet" href="__PUBLIC__/assets/home/vendors/mobiscroll-master/css/mobiscroll.scroller.css">
</block>
<block name="content">


    <section class="confirm">
        <h3>收货地址</h3>
        <dl class="address" id="chooseAddress" data-address="{{$address.id}}">
            <dt>{{$address.name}} {{$address.tel}}</dt>
            <dd>{{$address.area}}{{$address.detail}}</dd>
        </dl>
        <form action="">
            <p id="createAddress"><b class="fa fa-plus-circle"></b> 新增收货地址</p>

            <div class="address-form" style="padding-bottom: 14px; display: none;">
                <div class="control">
                    <label>姓名</label>
                    <input name="name" id="name" type="text" placeholder="请填写收货人姓名"/>
                </div>

                <div class="control">
                    <label>电话</label>
                    <input name="tel" id="tel" type="text" placeholder="请填写收货人电话"/>
                </div>

                <div class="control">
                    <label>地区</label>
                    <input name="area" id="area" type="text" placeholder="请选择地区"/>
                </div>

                <div class="control">
                    <label>地址</label>
                    <input name="address" id="detail" type="text" placeholder="请填写详细地址"/>
                </div>

                <p class="operate">
                    <a id="add_address" class="primary" type="submit" href="">新增</a>
                    <a class="cancel" href="">取消</a>
                </p>
            </div>
        </form>

        <h3>购物清单</h3>
        <volist name="carts" id="cart">

            <dl class="good">
                <dt><img class="img-responsive" src="{{$cart.child.thumb}}" alt="产品图片"></dt>
                <dd>{{$cart.child.name}}</dd>

                <dd>
                    <span>x {{$cart.num}}</span>
                    ¥ {{$cart.child.price}}元
                </dd>
            </dl>
        </volist>


        <p id="total">总金额：<span>¥</span> <span>{{$count}}元</span></p>

        <a href="{{:U('Oredr/confirm')}}"><input class="submit check_out" type="submit" value="我要下单"/></a>
    </section>
</block>


<block name="js">
    <!--83行到90行都是省市区插件引用-->

    <script type="text/javascript"
            src="__PUBLIC__/assets/home/vendors/mobiscroll-master/js/mobiscroll.core.js"></script>
    <script type="text/javascript"
            src="__PUBLIC__/assets/home/vendors/mobiscroll-master/js/mobiscroll.frame.js"></script>
    <script type="text/javascript"
            src="__PUBLIC__/assets/home/vendors/mobiscroll-master/js/mobiscroll.scroller.js"></script>
    <script type="text/javascript"
            src="__PUBLIC__/assets/home/vendors/mobiscroll-master/js/mobiscroll.select.js"></script>
    <script type="text/javascript"
            src="__PUBLIC__/assets/home/vendors/mobiscroll-master/js/i18n/mobiscroll.i18n.zh.js"></script>

    <script type="text/javascript" src="__PUBLIC__/assets/home/js/areas.js"></script>

    <script type="text/javascript">
        $(function () {
            //显示新增地址
            $('#createAddress').click(function () {
                $(this).next().toggle();
            });

            //收起新增地址
            $('.cancel').click(function () {
                $(this).parents('.address-form').hide();
                return false;
            });


            //省市区插件
            $('#area').mobiscroll().scroller({
                theme: 'mobiscroll',
                lang: 'zh',
                display: 'top',
                fixedWidth: [100, 100, 100],
                onBeforeShow: function (inst) {
                    var areaList = new Areas();
                    inst.settings.wheels = [[areaList.getData(1), areaList.getData(inst._tempWheelArray[0]), areaList.getData(inst._tempWheelArray[1])]];
                },

                parseValue: function (val) {
                    return [110000, 110100, 110101];
                },

                validate: function (html, index, time, dir, inst) {
                    var areaList = new Areas();

                    if (index == 0) {
                        inst.settings.wheels[0][1] = areaList.getData(inst._tempWheelArray[0]);
                        inst.changeWheel([1]);

                        inst.settings.wheels[0][2] = areaList.getData(inst._tempWheelArray[1]);
                        inst.changeWheel([2]);
                    }

                    if (index == 1) {
                        inst.settings.wheels[0][2] = areaList.getData(inst._tempWheelArray[1]);
                        inst.changeWheel([2]);
                    }
                },

                formatValue: function (data) {
                    var areaList = new Areas();
                    return areaList.getNameById(data[0]) + ' ' + areaList.getNameById(data[1]) + ' ' + areaList.getNameById(data[2]);
                }
            });
            //新增地址
            $('#add_address').click(function () {
                var info = {
                    name: $('#name').val(),
                    tel: $('#tel').val(),
                    area: $('#area').val(),
                    detail: $('#detail').val()
                }
                $.post("{{:U('add_address')}}", info, function (face) {
                    if (face.status == 1) {
                        alert(face.msg);
                        window.location.reload();

                    } else {
                        alert(face.msg);
                        return false;
                    }

                })
                return false;

            })
            //立即支付：
            $('.check_out').click(function (data) {
                var address_id = $("#chooseAddress").attr('data-address');
                if (address_id == "") {
                    alert('请填写收货地址');
                    return false;
                }
//                $.ajax({
//                    type: 'POST',
//                    url: "{{:U('store')}}",
//                    data: {address_id: address_id},
//                    success: function (data) {
//
                $.post("{{:U('store')}}", {address_id: address_id}, function (info) {
//                    console.log(data);return false;

                    if (info.status == 0) {
                        alert(info.msg);
//                        location.reload();
//                        location.href = "{{:U('Index/index')}}";
                        return false;
                    }
                    if (info.status == 1) {
                        alert(info.msg);
                        location.href = "confirm/id/" + info.id + ".html";
                    }
                    else {
                        alert(info.msg);
                        location.href = "{{:U('Index/index')}}";
                    }
                });
                return false;


            });


        });
    </script>
</block>
